@extends('layouts.header')
@section('title','支付押金')


@section('content')
    <div class="PayTheDeposit">
        <!-- 流程 -->
        <div class="Process">
            <div class="ProcessImage">
                <img src="{{asset('icon/wancheng@2x.png')}}" alt="">
                <p>关注公众号</p>
            </div>
            <div class="Processlianjie">
                <div class="wancheng"></div>
            </div>
            <div class="ProcessImage">
                <img src="{{asset('icon/wancheng@2x.png')}}" alt="">
                <p>注册登录</p>
            </div>
            <div class="Processlianjie">
                <div class="banwancheng"></div>
            </div>
            <div class="ProcessImage">
                <img src="{{asset('icon/dianZhong@2x.png')}}" alt="">
                <p>支付押金</p>
            </div>
            <div class="Processlianjie">
                <div class="weiwancheng"></div>
            </div>
            <div class="ProcessImage">
                <img src="{{asset('icon/weiwancheng@2x.png')}}" alt="">
                <p>马上使用</p>
            </div>
        </div>
        <!-- 押金区域 -->
        <div class="depositArea">
            <div class="depositContainer">
                <div class="depositMoney">
                    <div class="depositMoneyTitle">押金 <span>（可退）</span></div>
                    <div class="depositMoneyTitle">{{$chest['deposit']}}元</div>
                </div>
                <div class="prompt">
                    <p>为确保设备合规使用，需缴纳押金。</p>
                    <p>可随时退回。</p>
                </div>
            </div>
            <div class="depositPay">
                <a href="{{route('order.generate',['gripId'=>$gripId])}}">
                    <button id="depositPay">支付押金</button>
                </a>
              {{--  <a href="{{route('user.orderDetail',['gripId'=>$gripId])}}">
                    <button id="depositPay">支付押金</button>
                </a>--}}
            </div>
        </div>
    </div>
@endsection
@push('js')

@endpush
